@import './common';

.lists{

	.list-item{
		color: #393939;
		font-size: setSize(28);

		.avat-box{
			box-sizing:border-box;
			padding: setSize(30) setSize(30) setSize(20) setSize(38);

			.avat{
				display: block;
				width: setSize(69);
				height: setSize(69);
				border-radius: 50%;
			}
		}

		.cont-box{
			box-sizing:border-box;
			padding-top:setSize(20);
			padding-right:setSize(30);
			border-bottom:setSize(1) solid #EDEFF3;
			@include ellipsis;

			.text-box{
				box-sizing:border-box;
				padding-right:setSize(20);
				@include ellipsis;

				.name{
					color: $mainColor;
					@include ellipsis;
				}

				.title{
					margin-top: setSize(10);
					margin-bottom: setSize(25);
					color: #393939;
				}

				.lable{
					margin-bottom: setSize(6);
					font-size: setSize(24);
					color: #BBB;
				}

				.time{
					margin-top: setSize(6);
					margin-bottom: setSize(10);
					font-size: setSize(22);
					color: #BBB;
				}
			}

			.img-box{

				.img{
					display: block;
					width: setSize(90);
					height: setSize(90);
				}
			}
		}
	}
}